<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测量系统</title>
<link href="/stylesheets/survey_public.css" rel="stylesheet" type="text/css" />
<style>
#header{ width:885px; float:left; height:128px; background:url(/images/user/home/header001.jpg) no-repeat;}
#header ol li{ height:92px; margin-top:25px; float:left;}

#header ul{height:84px; float:right; margin-top:10px;}
#header ul li{line-height:38px; font-size:14px; color:#FFFFFF; text-align:right;}
#header ul li a{ color:#FFFFFF; font-size:12px; padding-right:20px;}

#content{ width:885px; height:508px; float:left;}
.js01{ width:885px; height:406px;}
.nav{ width:885px; height:40px; float:left; background:url(/images/user/home/dse_03.jpg) repeat-x scroll 0 0;}
.nav ul{ width:666px; float:left; height:40px;}
.nav ul li{ width:134px; float:left; line-height:40px; text-align:center; font-size:14px;}
.nav a{ color:#FFFFFF;}
.nav ul li{ width:134px; float:left; line-height:40px; text-align:center; font-size:14px; margin-right:1px; display:inline;}
.nav ul li a{ color:#FFFFFF; width:134px; height:40px; display:block;}
.nav ul li a:hover{ color:#FFFFFF;}

.nav p{ width:219px; line-height:40px; float:right; text-align:center; font-size:14px; font-weight:bold;}
.nav p a{ color:#FFFFFF; width:219px; height:40px; display:block;}
.nav p a:hover{ color:#FFFFFF;}

.notice_area p{ width:219px; line-height:40px; float:right; text-align:center; font-size:10px; }
#notice_area div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;}
.notice_area p a{ color:#FFFFFF; width:219px; height:40px; display:block;}
.notice_area p a:hover{ color:#FFFFFF;}

#center-b{ width:882px; height:366px; float:left; background:url(/images/user/home/bggg.jpg) no-repeat;}
#center-b .center01{ width:265px; height:335px; float:left; padding:28px 0 0 15px;}
#center-b .center01 span{ width:265px;height:22px; float:left; padding-left:14px;}
#center-b .center01 p{width:265px; line-height:21px; float:left; text-indent:20px; margin-top:5px; margin-bottom:35px; margin-right:-3px;}

#center-b .center02{ width:270px; height:335px; float:right; padding:28px 15px 0 0;}
#center-b .center02 span{ width:103px; height:22px; float:left; padding-left:14px;}
#center-b .center02 p{ width:270px; line-height:21px; float:left; text-indent:20px; margin-top:5px; margin-bottom:35px; margin-right:-3px;}

.js02{ width:885px; height:102px; background:url(/images/user/home/js_03.jpg) repeat-x;}
.js02a{ width:12px; height:13px; padding-left:114px;}
.js02b{ width:885px; height:89px;}
.js02b ul{ width:px; height:89px;}
.js02b ul li{ margin-left:12px; float:left;}
.js02b ul li.jss{ margin-left:15px; float:left;}
.js02c{ width:12px; height:13px; padding-left:350px;}
.js02d{ width:12px; height:13px; padding-left:580px;}
.js02e{ width:12px; height:13px; padding-left:765px;}

#footer{ width:885px; height:30px; line-height:30px; margin-top:74px; text-align:center; color:#295c72; float:left;}

/*center-b*/
#center-c{display:none; width:885px; height:366px; float:left; background:url(/images/user/home/bgg02.jpg) no-repeat;}
#center-c .center01{ width:265px; height:335px; float:left; padding:28px 0 0 15px;}
#center-c .center01 span{ width:200px; height:22px; float:left; padding-left:14px;}
#center-c .center01 p{ width:265px; line-height:21px; float:left; text-indent:20px; margin-top:5px; margin-bottom:35px; margin-right:-3px;}
#center-c .center02{ width:270px; height:335px; float:right; padding:28px 15px 0 0;}
#center-c .center02 span{ width:200px; height:22px; float:left; padding-left:14px;}
#center-c .center02 p{ width:270px; line-height:21px; float:left; text-indent:20px; margin-top:5px; margin-bottom:35px; margin-right:-3px;}
/*center-b end*/

/*center-c*/
#center-d{display:none; width:885px; height:366px; float:left; background:url(/images/user/home/bgg03.jpg) no-repeat;}
#center-d .center01{ width:369px; height:241px; float:left; margin:38px 0 0 10px; display:inline; background:url(/images/user/home/fgd_03.jpg) no-repeat;}
#center-d .center01 span{ width:200px; height:22px; float:left; padding:14px 0 0 62px;}
#center-d .center01 p{ width:261px; line-height:26px; float:left; padding:12px 0 0 56px;}
/*center-c end*/

.bigchange{ width:134px; height:40px; background:url(/images/user/home/0001_03.jpg) no-repeat;}
.start{ background:url(/images/user/home/0002_03.jpg) no-repeat; width:134px; height:40px;}

.bigchange01{ width:134px; height:40px; background:url(/images/user/home/0003_03.jpg) no-repeat;}
.start01{ background:url(/images/user/home/cdws.jpg) no-repeat; width:134px; height:40px;}
#nav-right {width: 200px; background:url(/images/user/home/nav-right.jpg) no-repeat; }

.bigchange02{ width:219px; height:40px; background:url(/images/user/home/ddds_03.jpg) no-repeat;}
.start02{ background:url(/images/user/home/nav-right.jpg) no-repeat; width:269px; height:40px;}

#center-notice{ width:885px; height:366px; float:left; background:url(/images/user/home/05bg.jpg) no-repeat;}
#news{font-size:12px;line-height: 16px; width:278px; height:299px; float:right; margin:37px 52px 0 0; display:inline; background:url(/images/user/home/new_03.jpg) no-repeat;}
</style>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-size:12px;
}
marquee {
text-align:center;
width:208px;
height:40px;
}
.news-item{ margin:10px 10px 10px 20px; color:#07557F;/*em是相对单位，2em即现在一个字大小的两倍*/}
</style>
<script type="text/javascript" src="/javascripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/javascripts/jquery/ui/ui.core.js"></script>
<script type="text/javascript" src="/javascripts/jquery/ui/effects.core.js"></script>
<script type="text/javascript" src="/javascripts/jquery/ui/effects.blind.js"></script>
</head>

<body>
  <div id="page">
    <div id="header">
      <ol>
        <li><img src="/images/user/home/xinyi_03.jpg" width="380" height="60" /></li>
      </ol>
      <ul>
        <li id="org-text"> <%=@org.name%></li>
        <li style="margin:0 20px 0 0;">
          <!--<a id="open-login-form" href="#">登录</a>&nbsp;&nbsp;-->
          <a href="/login/logout">安全退出</a>
        </li>
      </ul>
    </div>
    <div id="content">
      <div id="a1" class="js">
        <div class="js01">
          <div class="nav">
            <ul>
              <li onclick="show('#center-a');" onmouseover="this.className='bigchange';show('#center-a');"    onmouseout="this.className='start'" onmousedown="this.className='start'" class="start" style="cursor:hand">
              <a href="javascript:;">系统公告</a></li>
              <li onclick="show('#center-b');" onmouseover="this.className='bigchange01';show('#center-b');" onmouseout="this.className='start01'" class="start01" style="cursor:hand"><a href="javascript:;">功能特性</a></li>
              <li onclick="show('#center-c');" onmouseover="this.className='bigchange01';show('#center-c');" onmouseout="this.className='start01'" class="start01" style="cursor:hand"><a href="javascript:;">性能优势</a></li>
              <li onclick="show('#center-d');" onmouseover="this.className='bigchange01';show('#center-d');" onmouseout="this.className='start01'" class="start01" style="cursor:hand"><a href="javascript:;">服务理念</a></li>
            </ul>
              <div id="notice_area" class="notice_area" style="margin:10px 5px 10px 5px;">
                <!--
                <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="1" scrollDelay="2" >
                <a href="#">
                  圣诞节和元旦马上就要来临了，预祝各位用户新年快乐！身体健康！工作顺利！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  心驿系统2.0版上线促销优惠活动截止日期为2010年3月31日，请需要升级和购买的朋友抓紧时间办理，联系电话：（010）6566 4808。
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    
                </a></br>
                </marquee>
                -->
              </div>
               <!--p id="show-notice" onclick="" onmouseover="this.className='bigchange02';show_notice();"
               onmouseout="this.className='start02'; $('#notice').hide('blind', {}, 400);" class="start02" style="cursor:hand"><a href="#">公告</a></p-->
          </div>
          <!--div id="notice" style="display:none" class="ui-widget-content ui-corner-all">
            <p style=" text-indent: 2em;">
                心驿系统基于SaaS（Software as a Service，
                软件即服务）设计理念，为心理服务行业插上科技
                创新的翅膀。用户无需投资配置硬件，更无需进行
                繁琐的系统维护，只要能上网，即能享受到心驿为
                您提供的高效便捷的服务
            </p>
          </div-->
          <!-- show1 -->
          <div id="center-a" class="center">
            <div id="center-notice">
              <div id="news">
                <h3 align="center" style="margin-top:17px;color:#07557F;font-size:15px;font-family:黑体;letter-spacing:10px;">系统公告</h3>
                <!--p class="news-item" style="margin-top:13px;">
                  <span style="color:#07557F;margin-right:15px;">12.22</span>圣诞节和元旦即将来临，预祝各位用户新年快乐！身体健康！工作顺利！
                </p-->
                <p class="news-item">
                  <span style="color:#07557F;margin-right:15px; margin-top:18px;">07.15</span>心驿系统2.0版上线促销优惠活动截止日期为2011年9月30日，请需要升级和购买的朋友抓紧时间办理，联系电话：（010）6566 4808。
                </p>
                <p class="news-item">
                  <span style="color:#07557F;margin-right:15px;">07.18</span>领导者特质问卷、职业素质问卷、中学生综合学习素质问卷修订版上线，欢迎试用。
                </p>
              </div>
            </div>
          </div>

          <div id="center-b" class="center" style="display:none;">
            <div class="center01">

              <span><img src="/images/user/home/saas_03.jpg" width="51" height="20" /></span>

              <p>心驿系统基于SaaS设计理念，为心理服务行业插上科技创新的翅膀。用户无需投资配置硬件，<br />
                更无需进行繁琐的系统维护，只要能上<br />
                网，即能享受到心驿为您提供的高效便捷<br />
                的服务。
              </p>

              <span><img src="/images/user/home/zhuan_08.jpg" width="103" height="21" /></span>

              <p>心驿系统是一个整合的专业测评管理平台。这套系统可以同时为心理咨询机构、教育机构、医院以及企事业单位的人力资源部门提供强大的人员心理测评及管理服务，也可以为具有特殊需求的用户提供定制服务。
              </p>

            </div>

            <div class="center02">

              <span><img src="/images/user/home/yan_03.jpg" width="80" height="22" /></span>
              <p>&nbsp;&nbsp;&nbsp;心驿系统的诞生不仅来源于工程师的心血<br  />
                &nbsp;&nbsp;更多地来自研究人员多年从事心理咨询以及人力<br />&nbsp;&nbsp;
                管理方面的经验和思考。心驿系统远不是至善<br />&nbsp;&nbsp;
                至美，但是定能随着专业测评领域的发展而不<br />&nbsp;&nbsp;
                断进步。
              </p>
              <span><img src="/images/user/home/shi.jpg"  width="80" height="20"/></span>
              <p>心驿系统致力于为用户提供最为简洁高效的使用体验，对系统功能进行了有针对性地精简，使得用户享受到最具性价比的服务，从而远离冗余信息。</p>
            </div>

          </div>
          <!-- show1 end -->

          <!-- show2 -->
          <div id="center-c" class="center" style="display:none;">
            	<div class="center01">
                	<span><img src="/images/user/home/fu_06.jpg" width="112" height="20" /></span>

                        <p>心驿系统配置了强大的服务器和带宽输出，支持三线带宽，真正实现了7×24小时无间断高速服务。用户不用再因为登陆慢、访问难、系统不稳定而受到任何影响。</p>
                        <span><img src="/images/user/home/geng_03.jpg" width="112" height="18" /></span>
                        <p>心驿系统管理员会定期更新、维护服务器。这保证了系统服务的稳定运行，也保证了系统功能的及时改进。</p>
                </div>
                <div class="center02">

                  <span><img src="/images/user/home/jie.jpg" width="94" height="22"/></span>
                  <p>心驿系统的用户界面设计极为友好，用户无需进行特别的培训即可操作使用。在帮助模块，系统对用户操作以及测评方法进行了详尽的介绍，这能够帮助用户更加熟练地使用本系统。但用户如果需要学习专业的心理测量理论则需要去正规院校进行学习。</p>
                </div>
            </div>
            <!-- show2 end -->

            <!-- show3 -->
            <div id="center-d" class="center" style="display:none">
            	<div class="center01">
                	<span><img src="/images/user/home/safew_03.jpg" width="129" height="21" /></span>
                                            <p>1、7×24小时稳定运行和技术支持。<br />
                        2、网络、电话、面询，让你随时随地找到我们。<br />
                        3、无条件地倾听用户的反馈。<br />
                        4、更深切的内涵、更直观的体验。<br />
                        5、不断提高服务品质，坚持降低用户成本。</p>
                </div>
            </div>
            <!-- show3 end -->
        </div>
        <div class="js02">
          <div class="js02a"></div>
          <div class="js02b">
            <ul>
              <li><a href="/user/test/prof_surveys"><img src="/images/user/home/nav1.jpg" width="150" height="69" /></a></li>
              <li><a href="/user/reports" ><img src="/images/user/home/nav-021.jpg" width="150" height="69" /></a></li>
              <li><a href="/user/info_manage/accounts">
              <img src="/images/user/home/nav-051.jpg" width="150" height="69" /></a></li>
              <li><a href="/user/manuals"><img src="/images/user/home/nav-031.jpg" width="150" height="69" /></a></li>
              <li style="margin-left:50px;"><a href="/user/test/help"><img src="/images/user/home/nav-041.jpg" width="150" height="69" /></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div id="footer">
      北京心嘉源咨询有限公司 CopyRight © www.iyaoi.cn 2009
    </div>
  </div>
<script>

function show(el_id) {
  $(".center").hide();
  $(el_id).fadeIn('slow');
}

function show_notice() {
  var offset = $('#show-notice').offset();
  $('div#notice').css({top: offset.top + 40, left:offset.left});
  $('#notice').show('blind', {}, 300);
  //$('#notice').toggle('slow');
}
</script>
</body>
</html>

